@media screen and (max-width:768px){

}

@media screen and (max-width:414px){

}

@media screen and (max-width:375px){
.content ul li{
    zoom:0.9;
}
}

@media screen and (max-width:360px){
    .content ul li{
        zoom:0.86;
    }
}

@media screen and (max-width:320px){
    .content ul li{
        zoom:0.76;
    }
    .content ul li a{
       width:75%;
        height:75%;
    }
}

*{margin:0;padding:0;}
body, html {
    font: normal 12px 微软雅黑;
    margin: 0 auto;
    padding:0 !important;
    width:100%;
    height:100%;
    overflow:hidden;
    position:relative;
    text-align:center;
}
li{
    border-radius:3px 3px 3px 3px;
}
a{
    border-radius:3px 3px 3px 3px;
    color:#3c3c3c;
}
header {
    position:absolute;
    width: 100%;
    height:50px;
    top: 0;
    width: 100%;
    text-align: center;
    z-index:5;
    clear: both;
    background-color:#ccc;
}
.navbar{
    opacity:1;
    margin-bottom:0px;
}
.navbar-collapse{
    background-color: transparent;
}
.topmenu{
    margin-left:10px;
    margin-right:10px;
}
.topmenu ul {
    width:100%;
    height:1080px;
}
.topmenu ul li{
    float:left;
    display:block;
    width:47.2%;
    height:60px;
    line-height:60px;
    margin-left:2%;
    margin-top:2%;
}
.topmenu ul li a{
    float:left;
    text-decoration:none;
    display:block;
    width:100%;
    color:#FF3300;
    border:1px solid #ccc
}
.topmenu ul li a:link{
    float:left;
    text-decoration:none;
    display:block;
    width:100%;
    height:60px;
    line-height:60px;
}
.main {
    position:absolute;
    top:50px;
    width:100%;
    height:auto;
    margin:0 auto;
    bottom:50px;
    overflow:hidden;
    z-index:5;
    opacity: 0.7;
}
#leftmenu-container{
    float:left;
    width:20%;
    height:100%;
    background-color:#ffffff;
    border-right:1px solid #ccc;
    font-size:12px;
}
.leftmenu{
    width:100%;
    height:auto;
    margin:0px auto;
}
.leftmenu ul{
    margin-top:15px;
    margin-left:5px;
    margin-right:5px;
    list-style:none;
}
.leftmenu ul li{
    text-decoration:none;
    display:block;
    margin-top:3px;
    width:100%;
    height:30px;
    line-height:30px;
}
.leftmenu_a{
    text-decoration:none;
    display:block;
    border:1px solid #ccc;
    color:#3c3c3c;
    background-color:white;
    width:100%;
    height:28px;
    line-height:28px;
}
.leftmenu ul li a:link{
    text-decoration:none;
    display:block;
    border:1px solid #ccc;
    color:#3c3c3c;
    background-color:white;
    width:100%;
    height:28px;
    line-height:28px;
}
/*.leftmenu ul li a:hover{*/
    /*text-decoration:none;*/
    /*display:block;*/
    /*color:#3c3c3c;*/
    /*width:100%;*/
    /*height:23px;*/
    /*line-height:23px;*/
/*}*/
#content-container{
    float:left;
    width:80%;
    height:100%;
    background-color:white;
}
.content ul{
    margin:10px;
    list-style:none;
}
.content ul li{
    float:left;
    text-decoration:none;
    display:block;
    background-color:white;
    width:70px;
    height:70px;
    line-height:70px;
    margin-top:2%;
    margin-left:2%;
}
.content ul li a:link{
    text-decoration:none;
    display:block;
    color:#3c3c3c;
    width:68px;
    height:68px;
    background-color:white;
}
.content ul li a{
    text-decoration:none;
    display:block;
    color:#3c3c3c;
    width:68px;
    height:68px;
    background-color:white;
    background-size: 70px;
}
.active{
    background-color:red;
}
footer {
    position:absolute;
    width: 100%;
    height: 50px;
    color: #e1efff;
    line-height: 18px;
    letter-spacing: 1px;
    text-align: center;
    clear: both;
    bottom: 0;
    opacity:0.9;
    z-index:5;
}
footer .alert-warning{
    border-radius:0px;
    background-color:#f8f8f8;
    font-weight:500;
}
.foottext{
    margin-left:20px;
}

